@charset "utf-8";
/* CSS Document */
*, *:after, *:before{box-sizing: border-box;}
html{font-size:625%;width:100%;height:auto;max-height:100%;}
body{width:100%;min-width:3.2rem;font-size:.14rem;color:#333;background:#fff;}
a{color:#333;}
a:hover{color:#ffa000;}
img{vertical-align:middle;}

/*通用*/
.maxbox{width: 100%;margin: 0 auto;overflow:hidden;}
.cutbox{width: 100%;max-width: 7.68rem;margin: 0 auto;position:relative;}
.atm5{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}

@media only screen and (max-width:991px){
body{padding-top:0!important;}
}
@media only screen and (min-width:992px){
body{min-width: 12.5rem;}
.cutbox{max-width: 12rem;}
}

/*top*/
.topbox{background:#f5f5f5;height:.4rem;line-height:.4rem;}
.topbox .left{float:left;max-width:50%;overflow:hidden;color:#666;}
.topbox .right{float:right;max-width:50%;}
.topbox .right span{font-family:"宋体";color:#999;}
.topbox .right a{color:#666;}
.topbox .right a:hover{color:#ffa000;}

@media only screen and (max-width:991px){
.topbox{display:none;}
}

/*head*/
.headbox{width:100%;max-width:19.2rem;margin:0 auto;height:.6rem;overflow:hidden;background:rgba(255,255,255,.9);box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);position:fixed;left:0;top:0;z-index:9999;}
.headbox .cutbox{height:100%;}
.headbox img{max-width:100%;max-height:100%;}
.headbox .logo{height:100%;float:left;overflow:hidden;}
.headbox .logo a{height:100%;float:left;display:block;padding:.07rem .1rem;}
.headbox .logo strong{color:#1b5ab3;font-size:.24rem;display:block;height:.3rem;float:left;}
.headbox .logo span{color:#666;font-size:.16rem;display:block;float:left;height:.2rem;}

.headbox .txt{width:5.5rem;float:left;display:none;padding:.15rem;}
.headbox .txt strong{font-size:.36rem;height:.52rem;padding-top:.05rem}
.headbox .txt p{width:110%;color:#666;font:200 .14rem/.16rem "";float:left}

.headbox .mob-txt{float:left;width:1.5rem;padding:.03rem 0;}

.headbox .tel{display:none;float:right;height:1.2rem;padding:0 1.25rem 0 .6rem;background:url(../images/tel-icon.png) left center no-repeat;position:relative;margin-right:-.05rem;}
.headbox .tel p{color:#999;padding:.31rem 0 .03rem;}
.headbox .tel span{font-size:.30rem;font-family:Arial;color:#d91616;}
.headbox .tel img{position:absolute;top:0;right:0;}

.navico{width:0.6rem;height:0.6rem;float:right;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,.navico span::before,.navico span::after{width:0.26rem;height:0.03rem;position:absolute;background:#333;display:block;border-radius:0.01rem;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (min-width:768px){
.headbox .mlogo{padding:.15rem;}
}
@media only screen and (min-width:992px){
.headbox{height:1.2rem;box-shadow: none;position:relative;}
.headbox .logo a{padding:.29rem 0;}
.headbox .txt,.headbox .tel{display:block;}
.headbox .mob-txt{display:none;}
.headbox .navico,.headbox .mlogo{display:none;}
}

/*nav*/
.navbox{width:100%;max-width:19.2rem;background:#fafafa;height:0;overflow:hidden;z-index:9999;position:fixed;left:0;top:.61rem;}
.navbox ul li{width:100%;float:left;margin:0;padding:0 .1rem;}
.navbox ul li a{display:block;width:100%;height:.4rem;font-size:.15rem;line-height:.4rem;overflow:hidden;padding:0 .1rem;background:url(../nyimages/flico1.png) right center no-repeat;border-bottom:1px solid #eaeaea;}
.navbox ul li dl{background:rgba(0,0,0,.7);padding:0;position:relative;display:none;}
.navbox ul li dl dd a{height:0;padding:0 .05rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;border:0;font-size:.14rem;line-height:.4rem;margin:-.05rem auto;}
.navbox ul li dl dd div{width:0;overflow:hidden;position:absolute;left:100%;top:.05rem;border:1px solid #ffa000;opacity:0;background:#fff;-webkit-transition:.5s;transition:.5s;}
.navbox ul li dl dd div a{line-height:.3rem;color:#666;margin:0;}
.navbox ul li dl dd:hover div a{background:#fff;}
.navbox ul li dl dd div a:hover{color:#ffa000;}
.nav_on{height:3.4rem;padding:0.08rem 0;}

@media only screen and (min-width:992px){
.navbox{height:.5rem;position:relative;top:0;background:#1b5ab3;overflow:visible;}
.navbox ul{width:100%;height:.5rem;}
.navbox ul li{width:12.5%;height:.5rem;text-align:center;background:url(../images/icon1.png) left center no-repeat;padding:0;}
.navbox ul li:nth-child(1){background:none;}
.navbox ul li p a{height:.5rem;border:0;padding:0;background:none;line-height:.5rem;color:#fff;font-size:.16rem;}
.navbox ul li dl{display:block;}
.navbox ul li:hover p a{background:#ffa000;}
.navbox ul li:hover dl{padding:.1rem 0 .12rem;}
.navbox ul li:hover dl dd a{height:.4rem;background:none;}
.navbox ul li:hover dl dd div a{height:0;}
.navbox ul li dl dd:hover a{background:#ffa000;}
.navbox ul li dl dd:hover div{width:112%;opacity:1;padding:.1rem;}
.navbox ul li dl dd:hover div a{height:.3rem;}
.nav-fixed{position: fixed!important;max-width: 100%;box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}
}

/*banner*/
.banner{width:100%;max-width:19.2rem;margin-top:.6rem;position:relative;overflow:hidden;}
.banner .pic,.banner .pic ul{height:100%;}
.banner .pic ul li{float:left;overflow:hidden;height:100%;}
.banner .btn{text-align: center;position: absolute;bottom: 0;height: 0.2rem;width: 100%;z-index:9;}
.banner .btn span{display:inline-block;width:0.13rem;height: 0.13rem;margin:0 .05rem;cursor:pointer;background:#fff;border:0.03rem solid #fff;border-radius: 0.15rem;}
.banner .btn span.on{background:#ff4c4c;}

#bannerppt{width:19.2rem;height:5.6rem;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none;}
#bannerppt .pic ul li img{width:100%;}

#mbannerppt{width:100%;overflow:hidden;height:calc(100vh - .6rem);}
#mbannerppt .pic ul{width:1000%;}
#mbannerppt .pic ul li{width:10%;position:relative;text-align:center;}
#mbannerppt .pic ul li p{width:100%;height:100%;position:relative;}
#mbannerppt .pic ul li p img,#mbannerppt .pic ul li span{display:block;width:101%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;}
#mbannerppt .pic ul li span img{max-width:100%;}

@media only screen and (max-width:475px){
#mbannerppt .pic ul li p img{width:auto;min-width:101%;height:100%;}
}
@media only screen and (min-width:768px){
.banner .btn{height: 0.3rem;}
.banner .btn span{margin:0 .1rem;}
}
@media only screen and (min-width:992px){
.banner{margin-top:0;}
#bannerppt{display:block;}
#mbannerppt{display:none;}
}
@media only screen and (max-height:480px){
.banner{margin-top:0;}
#mbannerppt{height:5rem;}
#mbannerppt .pic ul li span img{height:3.6rem;}
}


/*search*/
.search{background:#f0f0f0;}
.search .cutbox{height:100%;overflow:hidden;padding:.15rem .1rem .1rem;}
.search .right{width: 100%;height: .4rem;float: right;position: relative;padding-right:.5rem;border:1px solid #ccc;background:#fff;border-radius:.2rem;}
.search .right .tit{width: 100%;height: .38rem;float: left;padding: .1rem .14rem;}
.search .right .tit input{display: block;width: 100%;height: .18rem;border: 0;background: none;line-height: .18rem;color: #666;font-family:"微软雅黑";outline:none;padding:0;}
.search .right .anniu{width: .5rem;height: .38rem;position: absolute;top: 0;right: 0;}
.search .right .anniu input{width: .5rem;height: .38rem;display:block;border:0;background:url(../images/anniu.png) center no-repeat;cursor:pointer;}

.search .left{width:100%;height: .4rem;float: left;line-height: .4rem;color: #666;position:relative;padding-left:6.5em;}
.search .left div{width:6.5em;overflow:hidden;height:.4rem;position:absolute;left:0;top:0;color:#1b5ab3;}
.search .left p{width:100%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.search .left p a{color:#666;}
.search .left p a:hover{color:#d91616;}

@media only screen and (min-width:768px){
.search .cutbox{padding:.15rem .1rem;}
.search .right{width: 35%;}
.search .left{width: 60%;}
}
@media only screen and (min-width:992px){
.search .cutbox{height:.6rem;padding:.1rem 0;}
.search .right{width: 25%;}
.search .left{width: 70%;}
}



/*底部*/
.footbox{width:100%;max-width:19.2rem;margin:0 auto;background:#1b5ab3;color:#a5b6da;line-height:.3rem;}
.footbox .cutbox{padding:.25rem .1rem;overflow:hidden;}
.footbox a{color:#a5b6da;}
.footbox a:hover{color:#fff;}

.footbox .cont{width:100%;overflow:hidden;float:left;margin-bottom:.15rem;}
.footbox .tit{width:100%;overflow:hidden;font-size:18px;color:#fff;font-weight:600;}
.footbox .txt{width:100%;overflow:hidden;padding:.1rem 0;}
.footbox .txt p{width:25%;padding-right:.1rem;float:left;}
.footbox .txt li{width:33.33%;padding-right:.1rem;float:left;}
.footbox .txt li.cpfl2{display:none;}
.footbox .txt a,.footbox .txt a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.foot-ewm div{width:calc(100% - 1.3rem);float:right;padding-top:.25rem;}
.foot-ewm em{display:block;font-style:normal;font-size:.24rem;color:#fff}
.foot-ewm p{width:1.2rem;float:left;}
.foot-ewm p img{width:1.2rem;}

.foot-bottom{width:100%;padding:.2rem .1rem .3rem;background:#272c31;text-align:center;}

@media only screen and (min-width:560px){
.footbox .cont{width:20%;}
.footbox .txt p{width:100%;}
.footbox .foot-pro{width:80%;}
.footbox .foot-ewm{width:60%;}
}
@media only screen and (min-width:992px){
.footbox .cutbox{padding:.35rem 0 .25rem;}
.footbox .cont{width:1.7rem;}
.footbox .foot-pro{width:4.8rem;padding-right:.3rem;}
.footbox .tit span{display:block;height:1px;width:.2rem;border-bottom: 1px solid #608cca;padding-top:.1rem;}
.footbox .foot-ewm{width:2.1rem;}
.foot-ewm div{width:100%;padding:0;}
.foot-ewm em{display:inline-block;padding:.02rem 0 0 .05rem;}
.foot-ewm img{float:left;}
.foot-ewm p{width:100%;padding:.05rem 0 0 .35rem}
}

@media only screen and (max-height:480px){
.headbox{position:relative;}
.navbox{position:absolute;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.navbox{position:relative;}
}